<template>
  <view class="success-page container">
    <!-- 成功图标 -->
    <view class="success-icon">
      <uni-icons type="checkmarkempty" size="60" color="#e8380d"></uni-icons>
    </view>
    <!-- 成功描述信息 -->
    <view class="success-message">评价成功</view>
    <!-- 返回按钮 -->
    <view class="example btn_submit">
      <button type="primary" @click="goBack()">返回继续评价</button>
    </view>
  </view>
</template>

<script>
export default {
  methods: {
    // 返回首页
    goBack() {
      uni.reLaunch({
        url: `/pages/eval/index`,
        success: function(res) {
        }
      })
    }
  }
};
</script>

<style scoped>
.success-page {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-color: #f5f5f5;
  min-height:600px;
}

.success-icon {
  margin-top: 30px;
  margin-bottom: 10px;
}

.success-message {
  font-size: 18px;
  color: #666;
  margin-bottom: 40px;
  text-align: center;
  padding: 0 20px;
}

.back-button {
  background-color: #e8380d!important;
  color: white;
  padding: 5px 40px;
  font-size: 18px;
  border: none;
  cursor: pointer;
}

.back-button:hover {
  background-color: #007E33;
}
</style>